﻿.checkbox-list {
    --bb-checkbox-item-width: 220px;
    min-height: var(--bb-height);
    height: auto;
    display: flex;
    flex-flow: row wrap;
    padding: 0 0.75rem;
    overflow: hidden;
    vertical-align: top;
}

    .checkbox-list.is-vertical {
        flex-direction: column;
    }

    .checkbox-list .checkbox-item {
        display: inline-flex;
        width: var(--bb-checkbox-item-width);
    }

        .checkbox-list .checkbox-item .form-check {
            width: var(--bb-checkbox-item-width);
        }

    .checkbox-list.form-control.no-border:not(.is-valid):not(.is-invalid) {
        border-color: transparent;
    }

    .checkbox-list.form-control:not(.is-invalid):focus {
        box-shadow: none;
    }

.checkbox-item .form-check-sm .form-check-input {
    margin: 3px 0 2px 0;
}

.checkbox-list.is-button {
    padding: 0;
}

.checkbox-list .btn-group {
    border: 1px solid var(--bs-secondary);
    display: inline-flex;
    flex: 0 !important;
    flex-wrap: nowrap;
    white-space: nowrap;
}

    .checkbox-list .btn-group > .btn {
        white-space: nowrap;
    }

    .checkbox-list .btn-group .active {
        color: #fff;
    }

    .checkbox-list .btn-group.disabled > span {
        opacity: var(--bs-btn-disabled-opacity);
    }

        .checkbox-list .btn-group.disabled > span:not(.active) {
            background-color: var(--bb-disabled-bg);
        }
